*{
	margin: 0;
	padding: 0;
}
#top{
	width: 1423px;
	height: 33px;
	background: #f2f2f2;
	border: 1px solid #e5e5e5;
	padding: 0 120px 0 90px;
	box-sizing: border-box;
	position: relative;
}
#top-p{
	width: 310px;
	height: 33px;
	font-size: 12px;
	color: #999999;
	padding-top: 7px;
	box-sizing: border-box;
}
#top a{
	margin-left: 20px;
}
#top a:hover{
	color: red;
}
.top-ul{
	width: 540px;
	height: 33px;
	line-height: 30px;
	font-size: 13px;
	color: #999999;
	list-style: none;
	position: absolute;
	top: 0;
	left: 800px;
	/*background: firebrick;*/
}
.top-ul li:nth-of-type(1){
	width: 65px;
	height: 33px;
	/*background: fuchsia;*/
}
.top-ul li:hover{
	color: red;
}
.top-ul li:nth-of-type(1):hover .liImg1{
	animation: rota .3s linear;
	animation-fill-mode: both;
}
@-webkit-keyframes rota{
	from{
		
	}
	to{
		-webkit-transform: rotate(180deg);
	}
}
.top-ul li:nth-of-type(2){
	width: 85px;
	height: 33px;
	text-indent: 19px;
	background: url(../img/购物车.png) no-repeat 1px 8px;
	background-size: 13px 13px;
	margin-left: 13px;
}
.top-ul li:nth-of-type(3){
	width: 62px;
	height: 33px;
	margin-left: 12px;
	position: relative;
	/*background: silver;*/
}
.top-ul li:nth-of-type(3):hover .liImg1{
	animation: rota .3s linear;
	animation-fill-mode: both;
}
.top-ul li:nth-of-type(3) span{
	color: #cccccc;
	position: absolute;
	top: 0;
	left: 60px;
}
.top-ul li:nth-of-type(4){
	width: 60px;
	height: 33px;
	text-indent: 17px;
	background: url(../img/手机.png) no-repeat 0px 8px;
	background-size: 13px 13px;
	margin-left: 13px;
	/*background: sandybrown;*/
}
.top-ul li:nth-of-type(5){
	width: 40px;
	height: 33px;
	margin-left: 13px;
}
.top-ul li:nth-of-type(6){
	width: 60px;
	height: 33px;
	margin-left: 17px;
}
.top-ul li:nth-of-type(6):hover .liImg1{
	animation: rota .3s linear;
	animation-fill-mode: both;
}
.top-ul li:nth-of-type(7){
	width: 80px;
	height: 33px;
	text-indent: 17px;
	background: url(../img/菜单.png) no-repeat 0px 8px;
	background-size: 13px 13px;
	margin-left: 17px;
	/*background: sandybrown;*/
}
.top-ul li:nth-of-type(7):hover .liImg1{
	animation: rota .3s linear;
	animation-fill-mode: both;
}

.top-ul li{
	float: left;
}
ul li img{
	vertical-align: middle;
}
.liImg1{
	width: 8px;
	height: 8px;
}

.titl{
	width: 1423px;
	height: 95px;
	background: url(../img/son1.png) no-repeat 155px 25px;
	position: relative;
}
.titl-p1{
	width: 540px;
	height: 36px;
	background: #ff0036;
	position: absolute;
	left: 510px;
	top: 25px;
	padding: 3px;
	box-sizing: border-box;
}
.titl-inp{
	width: 445px;
	height: 30px;
	border: none;
	outline: none;
	vertical-align: middle;
}
.titl-btn{
	width: 89px;
	height: 30px;
	border: none;
	outline: none;
	margin-left: -5px;
	vertical-align: middle;
	background: #ff0036;
	color: white;
}
.titlImg{
	position: absolute;
	top: 25px;
	left: 1070px;
}


.sonNav{
	width: 1423px;
	height: 37px;
	border-bottom: 1px solid #2f2f2f;
	
	background: url(../img/sonNav.png) no-repeat 1000px;
}
.sonNavUl{
	margin-left: 115px;
}
.sonNavUl li{
	width: 100px;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	text-align: center;
	list-style: none;
	float: left;
	font-weight: bold;
	position: relative;
}
.sonNavUl li:nth-of-type(1){
	width: 240px;
	height: 37px;
	color: white;
	background: black;
}
.sonNavUl li span{
	position: absolute;
	top: 0px;
	color: #d9d9d9;
	font-weight: 100;
	font-size: 14px;
}
.sonNavUlSpan1{
	left: 100px;
}
.sonNavUlSpan2{
	left: 100px;
}
.sonNavUlSpan3{
	left: 100px;
}
.sonNavUlSpan4{
	left: 110px;
}


.fang{
	width: 1213px;
	height: 555px;
	margin: 30px auto 0 auto;
}
.small{
	width: 415px;
	height: 555px;
	float: left;
}
#fa{
	width: 413px;
	height: 416px;
	border: 1px solid #f3f3f3;
	position: relative;
}
#faImg{
	width: 413px;
	height: 416px;
}
#move{
	width: 150px;
	height: 150px;
	background-color: rgba(200,200,200,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#big{
	width: 413px;
	height: 416px;
	border: 1px solid #f3f3f3;
	overflow: hidden;
	position: absolute;
	top: 198px;
	left: 540px;
	z-index: 10;
	display: none;
}
#bigImg{
	width: 826px;
	height: 832px;
	position: absolute;
}
.fangTab{
	width: 415px;
	height: 137px;
}
/*.fangTabUl{
	width: 415px;
	height: 137px;
}
.fangTabUl li{
	width: 70px;
	height: 90px;
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
	position: relative;
}
.fangTabUl li:nth-of-type(1){
	margin-left: 8px;
}
.fangTabUl li img{
	width: 58px;
	height: 78px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.fangTabUl li:hover{
	border: 1px solid red;
}*/
.fangTabUl{
	width:362px;
	height: 62px;
	margin-top:20px;
	list-style: none;
	margin-left:30px;
	/*background: darkmagenta;*/
}
.fangTabUl li{
	width:60px;
	height: 60px;
	float: left;
	margin-left:20px;
	/*background: red;*/
	border: 1px solid #999999;
}
.fangTabUl li img{
	width:60px;
	cursor: pointer;	
	height: 60px;
}
.fangTabUl li:hover{
	border: 1px solid red;
}


.data{
	width: 798px;
	height: 555px;
	float: left;
}
.dataLeft{
	width: 551px;
	height: 555px;
	float: left;
	padding-left: 20px;
	box-sizing: border-box;
	border-right: 1px solid #f2f2f2;
}
#dataLeftp1{
	width: 530px;
	height: 70px;
	line-height: 70px;
	text-indent: 8px;
	font-weight: bold;
}
.dataLeft-div{
	width: 530px;
	height: 46px;
	background: #ecebeb url(../img/data1.png) no-repeat 155px;
}
.dataLeft-span1{
	color: #aea3bb;
	font-size: 12px;
	line-height: 46px;
	margin-left: 8px;
	float: left;
}
#dataLeftp3{
	width: 120px;
	height: 46px;
	/*text-align: center;*/
	line-height: 46px;
	float: left;
	color: red;
	font-size: 25px;
	font-weight: bold;
	margin-left: 40px;
}
.freight{
	width: 530px;
	height: 125px;
	background: url(../img/data3.png) no-repeat;
}
.sum{
	width: 530px;
	height: 60px;
	position: relative;
}
.sum-p1{
	width: 44px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #838383;
	font-size: 12px;
	float: left;
	position: relative;
	z-index: -1;
}
#sumInp{
	width: 43px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	color: #838383;
	float: left;
	margin: 15px 0 0 47px;
	border: 1px solid #a7a6ac;
}
#sumBtnLeft{
	width: 31px;
	height: 31px;
	position: absolute;
	top: 15px;
	left: 50px;
}
#sumBtnRight{
	width: 31px;
	height: 31px;
	position: absolute;
	top: 15px;
	left: 147px;
}
.kucun{
	position: absolute;
	top: 16px;
	left: 190px;
	z-index: -1;
}
.subStr{
	width: 530px;
	height: 56px;
	position: relative;
}
.subStrBtn{
	width: 180px;
	height: 40px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	background: #FF0036;
	border: none;
	outline: none;
	position: absolute;
	left: 76px;
	top: 8px;
	z-index: -1;
}
.dataLast{
	margin-left: 6px;
}
.dataRight{
	width: 246px;
	height: 555px;
	background: url(../img/lanCong.png) no-repeat 38px 1px;
	float: left;
}




















.fixedRight{
	width: 35px;
	height: 777px;
	background: black;
	position: fixed;
	right: 0;
	top: 0;
}
.fixedRight-p1{
	width: 36px;
	height: 36px;
	margin-top: 185px;
	background:url(../img/天猫3.png) no-repeat 5px; 
	background-size: 25px 25px;
}
.fixedRight-p1:hover{
	background: red url(../img/天猫3.png) no-repeat 5px;
	background-size: 25px 25px;
}
.fixedRight-p2{
	width: 25px;
	height: 100px;
	margin: 5px 0 0 5px;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 40px 2px;
	box-sizing: border-box;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	background: url(../img/天猫超市-购物车.png) no-repeat 5px 20px;
	background-size: 20px 20px;
}
.fixedRight-p2:hover{
	width: 36px;
	height: 100px;
	margin-left: -0px;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 40px 7px 0 7px;
	box-sizing: border-box;
	/*border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;*/
	background: red url(../img/天猫超市-购物车1.png) no-repeat 10px 20px;
}

.fixedRight-p3{
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: white;
	margin-top: 5px;
}
.fixedRight-p3:hover{
	background: red ;
}

.fixedRight-p4{
	width: 36px;
	height: 36px;
	margin-top: 5px;
	background: url(../img/我的收藏.png) no-repeat 6px;
}
.fixedRight-p4:hover{
	background: red url(../img/我的收藏.png) no-repeat 6px;
}

.fixedRight-p5{
	width: 36px;
	height: 36px;
	margin-top: 5px;
	background: url(../img/看过的.png) no-repeat 7px;
	background-size: 20px 20px;
}
.fixedRight-p5:hover{
	background: red url(../img/看过的.png) no-repeat 7px;
	background-size: 20px 20px;
}

.fixedRight-p6{
	width: 36px;
	height: 36px;
	margin-top: 5px;
	/*color: white;*/
	background: url(../img/充值.png) no-repeat 7px;
	background-size: 23px 23px;
}
.fixedRight-p6:hover{
	background: red url(../img/充值.png) no-repeat 7px;
	background-size: 23px 23px;
}

.fixedRight-p7{
	width: 36px;
	height: 36px;
	margin-top: 150px;
	/*color: white;*/
	background: url(../img/用户反馈.png) no-repeat 8px;
	background-size: 20px 20px;
}
.fixedRight-p7:hover{
	background: red url(../img/用户反馈.png) no-repeat 8px;
	background-size: 20px 20px;
}

.fixedRight-p8{
	width: 36px;
	height: 36px;
	margin-top: 5px;
	background: url(../img/二维码2.png) no-repeat 8px;
	background-size: 20px 20px;
	position: relative;
}
.fixedRight-p8:hover{
	background: red url(../img/二维码2.png) no-repeat 8px;
	background-size: 20px 20px;
}

.fixederwwei{
	position: absolute;
	right: 30px;
	top: -80px;
	display: none;
}
.fixedRight-p8:hover .fixederwwei{
	display: block;
}

.fixedRight-p9{
	width: 36px;
	height: 36px;
	margin-top: 5px;
	/*color: white;*/
	background: url(../img/返回顶部1.png) no-repeat 5px;
	background-size: 25px 25px;
}
.fixedRight-p9:hover{
	background: red url(../img/返回顶部1.png) no-repeat 5px;
	background-size: 25px 25px;
}












.m-sidebar{
	position: fixed;
	top: 0;
	right: 0;
	background: #000;
	z-index: 2000;
	width: 35px;
	height: 100%;
	font-size: 12px;
	color: #fff;
	} 
.cart{
	color: #fff;
	text-align:center;
	line-height: 20px;
	padding: 200px 0 0 0px;
	} 
.cart div{
	width:35px;
	height: 100px;
}
.cart div:hover{
	background: hotpink;
}
.cart span{
	display:block;
	width:20px;
	position: absolute;
	margin:18px 8px;
	} 
.cart i{
	width:35px;
	height:35px;
	display:block; 
	background:url(../img/car.png) no-repeat;
	} 
#msg{
	position:fixed; 
	top:300px; 
	right:35px; 
	z-index:10000; 
	width:1px; 
	height:52px; 
	line-height:52px; 
	font-size:20px; 
	text-align:center; 
	color:#fff; 
	background:hotpink; 
	display:none
	}
#yuanquan{
	width:20px;
	height: 20px;
	border-radius: 50%;
	background: hotpink;
	position: absolute;
	margin:80px 8px;
} 
.u-flyer{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	z-index: 9999;
	} 
#jiesuan{
	height: 100%;
	background: white;
	/*background: url(../img/bg_main_3_4632653.jpg);*/
	background-size: cover;
	position: fixed;
	top: 0;
	right: 0;
}
#quanxuan{
	width: 100%;
	height: 30px;
	display: none;
	/*background: greenyellow;*/
	display: none;
	border-bottom: 1px dotted #999999;
}
#quanxuan input{
	float: left;
	margin-left:20px;
	margin-top: 10px;
	
}
#quanxuan span{
	font-size:10px;
	text-align: center;
	display: block;
	width:100px;
	height: 20px;
	float: left;
	margin-left:10px;
	border-left: 1px solid #999999;
	margin-top: 10px;
}
#jiesuanlan{
	width:90%;
	height: 100px;
	margin-left:20px;
	margin-top:20px;
	/*background: red;*/
	display: none;
}
#jiesuanlan input{
	float:left;
	margin-top: 35px;
}
#jiesuanlansp{
	line-height: 100px;
	margin-left:20px;
	display:block;
	float: left;
	width:20%;
	height: 100px;
	/*background: blue;*/
	font-size:15px;
}
#jiesuanlan p{
	line-height: 100px;
	margin-left:10px;
	width:50px;
	height: 100px;
	float: left;
	/*background: green;*/
	font-size:15px;
}
#jiesuanimg{
	width:100px;
	height: 100px;
	float: left;
	margin-left: 10PX;
	/*border: 1px solid #000000;*/
}
#jiesuanimg img{
	width:100px;
	height: 80px;
	/*background: yellow;*/
}
#jiesuanimg span{
	/*background: yellow;*/
	width:100px;
	height: 15px;
	font-size: 10px;
	display: block;
	margin-top:0px;
	overflow: hidden;
}
#jiesuanfoot{
	width:90%;
	display: none;
	height: 50px;
	font-size:17px;
	color: white;
	margin-top:420px;
	margin-left:4%;
	text-align: center;
	background: #ff0036;
	cursor: pointer;
}
